﻿<!DOCTYPE html>
<html>
<head>
    <title>中旭管理系统--移动端</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta http-equiv="Pragma" content="no-cache" />
    <link rel="stylesheet" type="text/css" href="css/icons.css" />
     <link rel="stylesheet" type="text/css" href="css/jq.ui.eco.css" title="default" />
    <link href="css/logozx.png"  rel="apple-touch-icon" />
    <style type="text/css">
        .scrollBar
        {
            background: white;
        }
        h3
        {
            text-align: center;
            font-size: 35px;
        }
        ul.iconLinks li
        {
            font-size: 12px;
            font-weight: normal;
        }
        .listbutton
        {
            display: block;
            border: 1px solid black;
            color: black;
            background: orange;
            border-radius: 5px;
            width: 80%;
            text-decoration: none;
            text-align: center;
            margin: auto;
            margin-bottom: 10px;
            height: 30px;
            line-height: 30px;
        }
        .class16
        {
            background: green;
            color: red;
        }
        .jqmscrollBar
        {
            background: white !important;
        }
       
    </style>
    <script type="text/javascript" charset="utf-8" src="./js/jq.mobi.js"></script>
    <script type="text/javascript" charset="utf-8" src="./js/head.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/jq.ui.js"></script>
    <script type="text/javascript" charset="utf-8" src="./js/Default.js"></script>
    <script>
        function loadedPanel(what)
        {
            //We are going to set the badge as the number of li elements inside the target
            //$.ui.updateBadge("#jqmlink",$("#jqm").find("li").length); js/Default.js
            //GetTaskCount();
        }
        function unloadedPanel(what)
        {
            console.log("unloaded " + what.id);
        }
        if (!((window.DocumentTouch && document instanceof DocumentTouch) || 'ontouchstart' in window))
        {
            var script = document.createElement("script");
            script.src = "./js/touch.js";
            var tag = $("head").append(script);
            $.os.android = true; //let's make it run like an android device
            $.os.desktop = true;
        }
        var oldElem = "default";
        function setActiveStyleSheet(title)
        {
            var a = document.getElementsByTagName("link");
            var currElem;

            if (title == oldElem.getAttribute("title") || oldElem == "default")
                return;
            for (i = 0; i < a.length; i++)
            {

                if (a[i].getAttribute("title") == title)
                {
                    currElem = a[i];
                }
                else if (!a[i].getAttribute("disabled") && a[i].getAttribute("title"))
                    oldElem = a[i];
            }

            currElem.removeAttribute("disabled");
            jq.ui.showMask();
            window.setTimeout(function ()
            {
                jq.ui.hideMask();
                oldElem.setAttribute("disabled", "true");
            }, 500);
        }
    </script>
</head>
<body>
    <div id="jQUi">
        <div id="splashscreen" class='ui-loader'>
            欢迎登陆手机版中旭 系统！
            <br>
            <br>
            <span class='ui-icon ui-icon-loading spin'></span>
            <h1>正在登陆，请稍候...</h1>
        </div>
        <div id="header">
            <a id="bSelect" href="javascript:showPopup3();" class="button" style="float: right; visibility:hidden">查询</a>
            <a id="bRefresh" href="javascript:LoadDaiban();" class="button" style="float: right; visibility:hidden">刷新</a>
            <a href="javascript:showCustomJsonSheet();" id="btnopperate" class="button" style="float: right; display: inline-block; visibility: hidden;">操作</a>
        </div>
        <div id="content">
            <div title='ZX-SYS' id="home" class="panel" data-load="loadedPanel"
                data-unload="unloadedPanel" data-tab="navbar_home">
                <input id="daibanyeshu" type="hidden" value="1" />
                <h2 class='expanded' onclick='showHide(this,"main_info");'>
                    欢迎使用手机版中旭管理系统</h2>
                <p id='main_info'>
                    手机版中旭管理系统，本期提供 审批功能，致力于方便中旭伙伴随时随地办公。</p>
                <ul>
                <li><a id="litaskcount" data-persist-ajax='true' data-refresh-ajax='true' data-pull-scroller='true'  href="javascript:LoadDaiban();" >待办事宜</a></li>
                <li><a href="#notice"  >系统公告</a></li>
                <li><a href="#setup" >系统设置</a></li>   
                </ul>
            </div>
            <div id="notice" title="系统公告" class="panel">
                <h2 class='expanded' onclick='showHide(this,"notice1");'>
                    系统公告</h2>
                <p id='notice1'>
                    主要功能：本期提供移动审批功能；如在使用过程中发现有BUG、或有意见、
                    建议可直接反馈给IT部何扬广（<a href= "javascript:window.location='tel:18688721152';" >18688721152</a>），谢谢！<br /><br />
                    支持设备：Android2.3以上、IPHONE4.0以上系统自带浏览器</p>
            </div>
            <div title="待办事宜" class="panel" id="webslider">
            <div style=" display:none;" id="webchildid"></div>
	    <script>
	        var myScroller;
	        $.ui.ready(function ()
	        {
	            myScroller = $("#webslider").scroller(); //Fetch the scroller from cache
	            //Since this is a jqUi scroller, we could also do
	            // myScroller=$.ui.scrollingDivs['webslider'];
	            myScroller.addInfinite();
	            myScroller.addPullToRefresh();
	            $.bind(myScroller, "refresh-trigger", function ()
	            {
	                this.setRefreshContent("更多内容");
	            });
	            var hideClose;
	            $.bind(myScroller, "refresh-release", function ()
	            {
	                var that = this;
	                this.setRefreshContent("加载...");
	                clearTimeout(hideClose);
	                hideClose = setTimeout(function ()
	                {
	                    console.log("hiding manually refresh");
	                    that.hideRefresh();
	                }, 1);
	                return false; //tells it to not auto-cancel the refresh
	            });

	            $.bind(myScroller, "refresh-cancel", function ()
	            {
	                clearTimeout(hideClose);
	                console.log("cancelled");
	            });
	            myScroller.enable();
	            $.bind(myScroller, "infinite-scroll", function ()
	            {
	                var self = this;
	                console.log("infinite triggered");
	                $(this.el).append("<div id='infinite' style='border:2px solid black;margin-top:10px;width:100%;height:20px'>加载更多...</div>");
	                $.bind(myScroller, "infinite-scroll-end", function ()
	                {
	                    //myScroller.scrollToBottom();
	                    $.unbind(myScroller, "infinite-scroll-end");
	                    setTimeout(function ()
	                    {
	                        freshpage();
	                        $(self.el).find("#infinite").remove();
	                        self.clearInfinite();
	                    }, 10);
	                });
	            });
	            $("#webslider").css("overflow", "auto+");
	        });
	    </script>
       
    </div>
           
            <div title="设置" id="setup" class="panel">
                <h2 class='expanded' onclick='showHide(this,"jqweb_info");'>设置</h2>
                <ul>
                    <li><a href="javascript:unload();" >注销账号</a></li>
                </ul>
                <br />
                <br />
            </div>
            <div title="客户信息" id="DataDetail" class="panel" data-footer='FooterDateTran'>
                <fieldset id="fsDataDetail">

                </fieldset>
                <br /><br /><br />
            </div>

        </div>
        <div id="navbar">
            <div class="horzRule">
            </div>
            <a href="#home" id='home1' class='icon home'>首页</a>
            <a href="javascript:LoadDaiban();" id='aorder' class="icon pencil">待办事宜列表</a>
            <a href="#setup" id='navbar_plugins' class="icon settings">设置</a>
        </div>
    </div>
    <script type="text/javascript">
        
        var webRoot = "./css/";
        $.ui.autoLaunch = false;
        var init = function ()
        {
            $.ui.backButtonText = "后退";
            $.ui.launch();
            //document.getElementsById("formnames").value = "";
            //开始载入
            GetTaskCount();
        };
        document.addEventListener("DOMContentLoaded", init, false);
        $.ui.ready(function () { console.log('ready'); });

        /* This code prevents users from dragging the page */
        var preventDefaultScroll = function (event)
        {
            event.preventDefault();
            window.scroll(0, 0);
            return false;
        };
        document.addEventListener('touchmove', preventDefaultScroll, false);

        /* This code is used to run as soon as appMobi activates */
        var onDeviceReady = function ()
        {
            AppMobi.device.setRotateOrientation("portrait");
            AppMobi.device.setAutoRotate(false);
            webRoot = AppMobi.webRoot + "css/";
            AppMobi.device.hideSplashScreen();
        };
        document.addEventListener("appMobi.device.ready", onDeviceReady, false);
        head.js("./plugins/jq.swipe.js", "./plugins/jq.template.js", "./plugins/jq.carousel.js", "./plugins/jq.css3animate.js", "./plugins/jq.drawer.js", "./plugins/jq.passwordBox.js", "./plugins/jq.selectBox.js", "./plugins/jq.alphatable.js", "./plugins/jq.actionsheet.js", "./plugins/jq.popup.js", "./plugins/jq.shake.js", function ()
        {

        });

        $(document).ready(function ()
        {
            oldElem = document.getElementsByTagName("link")[0];
        });
    </script>
</body>
</html>
